@import 'base.css';
@import "anim.css";
@import "font.css";
@import "margin.css";

#app {
    font-weight: normal;
    width: 100%;
    font-size: 18px;
    font-family: 'Sans', sans-serif;
}

/*英文字体*/
@font-face {
    font-family: 'Inter';
    src: url("@/assets/fonts/Inter-SemiBold.otf");
    font-weight: normal;
}

/*中文字体*/
@font-face {
    font-family: 'Sans';
    src: url("@/assets/fonts/OPPOSans_M.ttf");
    font-weight: normal;
}

.column {
    display: flex;
    flex-direction: column;

    &.half {
        flex: 1;
    }
}

.row {
    display: flex;
    flex-direction: row;
}

.inter {
    font-family: 'Inter', 'serif';
}

.sans {
    font-family: 'Sans', 'serif';
}

.container {
    display: flex;
    overflow: hidden;
    flex-direction: column;
    padding: 0 8.3%;
    background-repeat: no-repeat;
    background-size: cover;

    &.row {
        display: flex;
        flex-direction: row;
    }

    &.grid {
        display: grid;
    }

    .segEng {
        color: #ffffff29;
        font-family: 'SanaBold', 'serif';
    }

    .segTitle {
        font-weight: 600;
    }
}